<!DOCTYPE html>
<html>

<head>
    <title>轻群社</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="format-detection" content="telephone=no">
    <meta name="Keywords" content="">
    <meta name="description" content="">
    <link rel="stylesheet" type="text/css" href="./css/qqs_style.css">
</head>

<body>
    <header class="comm-header comm-header-h">
        <div class="comm-nav">
            <div class="index-htopl" onClick="javascript :history.back(-1);"><span class="iconbg-cback"></span></div>
            <div class="index-htopr"><span class="iconbg-hline2"></span></div>
            <div class="comm-nav-title"><span>个人号</span> • <span>全国</span><i></i></div>
        </div>
        <div class="comm-region">
            <div class="comm-province">
                <ul>
                    <li>全国</li>
                    <li class="selected">北京<span></span></li>
                    <li>上海</li>
                    <li>湖北</li>
                    <li>安徽</li>
                    <li>广东</li>
                    <li>福建</li>
                    <li>四川</li>
                    <li>内蒙古</li>
                    <li>重庆</li>
                    <li>云南</li>
                    <li>陕西</li>
                    <li>黑龙江</li>
                </ul>
            </div>
            <div class="comm-city">
                <a href="#">武汉</a>
                <a href="#">宜昌</a>
                <a href="#">襄阳</a>
                <a href="#">仙桃</a>
                <a href="#">孝感</a>
                <a href="#">恩施</a>
                <a href="#">神农架</a>
                <a href="#">枝江</a>
                <a href="#">仙桃</a>
                <a href="#">孝感</a>
                <a href="#">恩施</a>
                <a href="#">神农架</a>
                <a href="#">枝江</a>
            </div>
        </div>
        <div class="comm-nav-ul">
            <a href="#"><span>推荐</span></a>
            <a href="#" class="selected"><span>全部</span></a>
            <a href="#"><span>微商</span></a>
            <a href="#"><span>白领</span></a>
            <a href="#"><span>培训</span></a>
            <a href="#"><span>金融</span></a>
            <a href="#"><span>美体</span></a>
            <a href="#"><span>交友</span></a>
            <a href="#"><span>游戏</span></a>
        </div>
    </header>
    <section class="index-section comm-section">
        <div class="index-banner">
            <img src="./img/imglist/banner-1.png">
        </div>
        <div class="index-plate-3">
            <ul>
                <li>
                    <a href="#">
                        <div><img class="lazy" data-lazyload="./img/sucai/sc01.jpg"></div>
                        <p>宝妈交流群</p>
                        <p>1分钟前</p>
                        <p>育儿 • 武汉</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div><img class="lazy" data-lazyload="./img/sucai/sc02.jpg"></div>
                        <p>寻找吃货妹子</p>
                        <p>1分钟前</p>
                        <p>美食 • 武汉</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div><img class="lazy" data-lazyload="./img/sucai/sc03.jpg"></div>
                        <p>全身来运动群</p>
                        <p>36分钟前</p>
                        <p>健身 • 武汉</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div><img class="lazy" data-lazyload="./img/sucai/sc04.jpg"></div>
                        <p>假装生活在北京</p>
                        <p>10分钟前</p>
                        <p>交友 • 武汉</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div><img class="lazy" data-lazyload="./img/sucai/sc05.jpg"></div>
                        <p>浪漫有约</p>
                        <p>1分钟前</p>
                        <p>交友 • 武汉</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div><img class="lazy" data-lazyload="./img/sucai/sc06.jpg"></div>
                        <p>国产精品电影推荐</p>
                        <p>1分钟前</p>
                        <p>电影 • 武汉</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div><img class="lazy" data-lazyload="./img/sucai/sc01.jpg"></div>
                        <p>宝妈交流群</p>
                        <p>1分钟前</p>
                        <p>育儿 • 武汉</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div><img class="lazy" data-lazyload="./img/sucai/sc02.jpg"></div>
                        <p>寻找吃货妹子</p>
                        <p>1分钟前</p>
                        <p>美食 • 武汉</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div><img class="lazy" data-lazyload="./img/sucai/sc03.jpg"></div>
                        <p>全身来运动群</p>
                        <p>36分钟前</p>
                        <p>健身 • 武汉</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div><img class="lazy" data-lazyload="./img/sucai/sc04.jpg"></div>
                        <p>假装生活在北京</p>
                        <p>10分钟前</p>
                        <p>交友 • 武汉</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div><img class="lazy" data-lazyload="./img/sucai/sc05.jpg"></div>
                        <p>浪漫有约</p>
                        <p>1分钟前</p>
                        <p>交友 • 武汉</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div><img class="lazy" data-lazyload="./img/sucai/sc06.jpg"></div>
                        <p>国产精品电影推荐</p>
                        <p>1分钟前</p>
                        <p>电影 • 武汉</p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="comm-page">
            <ul>
                <li>
                    <a href="#">
                        <div class="page-arrow-left left">
                            <span></span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="page-arrow-left">
                            <span></span>
                        </div>
                    </a>
                </li>
                <li class="page-cent"><a>第1页</a></li>
                <li>
                    <a href="#">
                        <div class="page-arrow-right">
                            <span></span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="page-arrow-right right">
                            <span></span>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </section>
    <footer class="index-footer"></footer>
    <div class="comm-cover"></div>
    <div class="comm-slide-nav"></div>
    <script src="./js/zepto.min.js"></script>
    <script src="./js/zepto-lazyload.js"></script>
    <script src="./js/community.js"></script>
</body>

</html>